<div id="table-content">
<form id="mainform" action="">
				<table border="0" width="100%" cellpadding="0" cellspacing="0" id="product-table">
				<thead><tr>					
					<th class="table-header-check table-header-repeat"><a href="">ID</a>	</th>
					<th class="table-header-repeat line-left minwidth-1"><a href="">Name</a></th>
					<th class="table-header-repeat line-left"><span class="none-link">View Books</span></th>
					<!--<th class="table-header-repeat line-left"><a href="">Due</a></th>
					<th class="table-header-repeat line-left"><a href="">Website</a></th>-->
					<th class="table-header-options line-left"><span class="none-link">Options</span></th>
				</tr>				
				</thead>
				<tbody>{eachRowOfCat}</tbody>
				</table>
				<!--  end product-table................................... --> 
</form>
</div>

<table border="0" cellpadding="0" cellspacing="0" id="paging-table">
			<tbody><tr>
			<td>
				<a href="{farleft}" class="page-far-left"></a>
				<a href="{backPage}" class="page-left"></a>
				<div id="page-info">Page <strong>{currentPage}</strong> / {allPage}</div>
				<a href="{nextPage}" class="page-right"></a>
				<a href="{farright}" class="page-far-right"></a>
			</td>
			<td>
			<!-- div id="_container" class="selectbox-wrapper2" style="display: none; width: 130px; ">
			<ul>
			<li id="_input_" class="selected2">Number of rows</li>
			<li id="_input_">5</li>
			<li id="_input_">10</li>
			<li id="_input_">15</li>
			</ul>
			</div-->
			<select id="row" name="row" class="styledselect_pages" style="display: none; ">
				<option value="5">Number of rows</option>
				<option value="5">5</option>
				<option value="10">10</option>
				<option value="15">15</option>
			</select>
			</td>
			</tr>
			</tbody></table>
<div class="clear"></div>
<script type="text/javascript">
$(document).ready(function(){
	$(".icon-2").click(function(event){
		if(!confirm("Do you want to delete this category ?")){
			event.preventDefault();
		}
	});
	
	$(".selectbox-wrapper2 ul li").click(function(){
    	if($(this).html() != "Number of rows") {
    	location.href="1?numRow="+$(this).html();
    	}
    });
});
</script>